<template>
	<view class="flex-colume-start indexPage">
		<view style="height: 30rpx;"></view>
		<view class="flex-row-center" style="background-color: white; width: 700rpx; border-radius: 20rpx; height: 270rpx;">
			<image src="/static/bg1.png" style="width: 620rpx; height: 261rpx;"></image>
		</view>
		<view class="flex-colume-start" style="margin-top: 30rpx; background-color: white; width: 700rpx; border-radius: 20rpx; padding: 40rpx; box-sizing: border-box;">
			<input v-model="name" class="input1" style="margin-top: 10rpx;" placeholder="请输入姓名"></input>
			<input v-model="card" class="input1" placeholder="请输入身份证号"></input>
			<view class="btn1" style="margin-top: 40rpx;" @click="sureBtnClick(0)">综合评分查询</view>
			<view class="flex-row-center">
				<view style="margin-left: 200rpx; width: 200rpx; height: 50rpx;" @click="sureBtnClick(2)"></view>
				<view style="margin-left: 10rpx; width: 200rpx; height: 50rpx;" @click="sureBtnClick(3)"></view>
			</view>
			<view style="width: 200rpx; height: 50rpx;" ></view>
			<view style="font-size: 24rpx;">Copyright @2024</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:'',
				card:''
				
			}
		},
		methods: {
			sureBtnClick(index){
				if (!this.name){
					uni.showToast({
						title:'请输入姓名',
						icon:'none'
					})
					return
				}
				uni.navigateTo({
					url:'/pages/index/indexResult?formType='+index+'&name='+this.name
				})
				
			}
			

		}
	}
</script>

<style lang="scss" scoped>
	
	.indexPage {
		.input1{
			width: 100%;
			height: 76rpx;
			border-radius: 10rpx;
			border: 1px solid rgb(213, 218, 232);
			padding: 0rpx 20rpx;
			font-size: 28rpx;
			box-sizing: border-box;
			margin-bottom: 20rpx;
		}
		.btn1{
			width: 100%;
			height: 84rpx;
			line-height: 84rpx;
			color: white;
			font-size: 30rpx;
			font-weight: 600;
			border-radius: 20rpx;
			background-color: rgb(0, 82, 144);
			text-align: center;
		}
		
	}
</style>